/*bootstrap*/
.modal-content{border-radius: 3px;}
.modal-backdrop{z-index: 988};
.modal{z-index: 998}

.btn{border-radius: 0px; padding: 6px 10px; font-size: 12px;}
.btn-sm{padding: 3px 5px;}
.modal-loading{text-align: center; padding: 40px 0px;}
.modal-footer-sm{padding: 8px;}
.form-control{border-radius: 0px; font-size: 12px; padding: 3px 5px; line-height: 1.2; height: 31px}
.btn-info{background-color: #0099cc; border:1px solid #0099cc;}
.table{font-size: 12px;}
.table tbody{background-color: #fff;}
.pagination{margin: 0px auto}
.popover{font-size: 12px;font-family: '微软雅黑' !important}
.nav-tabs>li>a{border-radius: 0px;}
.nav>li>a{padding: 5px 15px; font-size: 14px; color: #666}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover{background-color: transparent !important; border: none !important; border-bottom: 2px solid #0099cc !important; color: #0099cc !important}
label{font-weight: normal; font-size: 12px; color:#666 !important;}
.select2-container--default .select2-selection--single{border-radius: 0px; border:1px solid #ccc; font-size: 12px;box-shadow: inset 0 1px 1px rgba(0,0,0,.075);}
.select2-container .select2-selection--single{height: 31px;}
.select-sm{width: 100px;}
.select{width: 200px;}

.upload-div{float: left; width: 120px; height: 100px; background-color: #f2f2f2; text-align: center; line-height: 100px; margin-right: 10px; margin-bottom: 10px;}
.upload-add{cursor: pointer;}
.upload-add span{font-size: 24px;}
.upload-div img{ max-width: 100%; max-height: 100%;}

.go-input{outline: none;}
body{font-family: '微软雅黑' !important; background-color: #eaedf1;}
.gradient{
  background: -webkit-linear-gradient(#30a4df, #bdd7ec);
  background: -o-linear-gradient(#30a4df, #bdd7ec);
  background: -moz-linear-gradient(#30a4df, #bdd7ec);
  background: linear-gradient(#30a4df, #bdd7ec);
}
a{text-decoration: none;}
.mt-10{margin-top: 10px;}
.mb-10{margin-bottom: 10px;}
.mt-30{margin-top: 30px;}
.pt-7{padding-top: 7px}
.font-18{font-size: 18px;}
.text-l{text-align: left;}
.no-left-padding{padding-left: 0 !important;}
.no-right-padding{padding-right: 0 !important;}
.no-padding{padding:0 !important }
ul,ul li{padding: 0px; margin: 0px; list-style: none;}
.input{height: 30px; border: 1px solid #ccc; outline: none; padding: 0px 10px; line-height: 30px;}
.input-lg{width: 300px; border-radius: 0px; font-size:12px; height: 40px; line-height: 40px;}
/*加载提示框*/
#toast-div{ overflow:hidden; position: fixed; top:50%; margin-top: -20px; left:50%; margin-left: -70px;height: auto; padding: 15px 20px; text-align: center; background-color: #333;  opacity: 0.9; border-radius: 3px; z-index: 100000}
#toast-div span.glyphicon{float: left; width: 20px; height: 20px; position: relative; color: #fff; font-size: 16px; line-height: 20px;}
#toast-div-content{color: #fff; margin-left: 25px; line-height: 20px;}
#toast-div .spinner+#toast-div-content{margin-left: 40px;}
.spinner{float: left; width: 20px; height: 20px; position: relative;}
.container1 > div, .container2 > div, .container3 > div{width: 6px; height: 6px; background-color: #fff; border-radius: 100%; position: absolute; -webkit-animation: bouncedelay 1.2s infinite ease-in-out; animation: bouncedelay 1.2s infinite ease-in-out; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.spinner .spinner-container{position: absolute; width: 100%; height: 100%;}
.container2{-webkit-transform: rotateZ(45deg); transform: rotateZ(45deg);}
.container3{-webkit-transform: rotateZ(90deg); transform: rotateZ(90deg);}
.circle1{top: 0; left: 0;}
.circle2{top: 0; right: 0;}
.circle3{right: 0; bottom: 0;}
.circle4{left: 0; bottom: 0;}
.container2 .circle1{-webkit-animation-delay: -1.1s; animation-delay: -1.1s;}
.container3 .circle1{-webkit-animation-delay: -1.0s; animation-delay: -1.0s;}
.container1 .circle2{-webkit-animation-delay: -0.9s; animation-delay: -0.9s;}
.container2 .circle2{-webkit-animation-delay: -0.8s; animation-delay: -0.8s;}
.container3 .circle2{-webkit-animation-delay: -0.7s; animation-delay: -0.7s;}
.container1 .circle3{-webkit-animation-delay: -0.6s; animation-delay: -0.6s;}
.container2 .circle3{-webkit-animation-delay: -0.5s; animation-delay: -0.5s;}
.container3 .circle3{-webkit-animation-delay: -0.4s; animation-delay: -0.4s;}
.container1 .circle4{-webkit-animation-delay: -0.3s; animation-delay: -0.3s;}
.container2 .circle4{-webkit-animation-delay: -0.2s; animation-delay: -0.2s;}
.container3 .circle4{-webkit-animation-delay: -0.1s; animation-delay: -0.1s;}
@-webkit-keyframes bouncedelay{0%, 80%, 100%{-webkit-transform: scale(0.0)} 40%{-webkit-transform: scale(1.0)}}
@keyframes bouncedelay{0%, 80%, 100%{transform: scale(0.0); -webkit-transform: scale(0.0);} 40%{transform: scale(1.0); -webkit-transform: scale(1.0);}}

.spiner{transform: rotate(0deg); -webkit-animation:spiner .5s infinite linear ; animation:spiner .5s infinite linear;}
@-webkit-keyframes spiner{
	from {transform: rotate(0deg)}
	to {transform: rotate(360deg)}
}
@keyframes spiner{
	from {transform: rotate(0deg)}
	to {transform: rotate(360deg)}
}


#login-container{position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px;}
.login-box-body{ width: 300px; margin: 0px auto; margin-top: 200px;}
.login-box-body .form-group, .login-box-body .form-group-normal{
  position: relative;
  height: 60px;
  line-height: 60px;
  border-radius: 30px;
  padding-left: 30px;
  padding-right: 30px;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #bce0f3;
}

.login-box-body .form-group input{
 float: left;
 box-sizing: border-box;
 height: 40px; border: none;margin-top: 10px; padding: 0px; line-height: 40px; background-color: #bce0f3; outline: none; margin-left: 15px; width: 200px; color: #30a4df
}

.login-box-body .form-group span.glyphicon{float: left; margin-top: 19px; font-size: 20px; color: #30a4df}
.btn-form-submit{
  display: block;
  width: 100%;
  height: 60px;
  border: none;
  border-radius: 30px;
  outline: none;
  text-align: center;
  color: #fff;
  font-size: 24px;
  background-color: #0099cc;
}
.btn-form-submit:hover{background-color: #0B77B0;}

.form-tip{ color: #666; height: 30px; line-height: 32px;}

/*layout*/
header{height: 50px; background-color: #0099cc; position: fixed; left: 0px; width: 100%; top: 0px; font-size: 12px; z-index: 1001}
header a.logo{ height: 50px; width: 120px; float: left; background-image: url(../img/logo.png); background-repeat: no-repeat; -webkit-background-size: 120px auto;background-size: 120px auto; background-color: #0087b4;}
header ul.menu{float: left;}
header ul.menu li{float: left; height: 50px; overflow: hidden;}
header ul.menu li a{display:block;color: #fff; width: 100px; text-align: center; line-height: 50px; height: 50px;}
header ul.menu li a:hover,header ul.menu li a.active{ background-color: #008fbf; text-decoration: none}

header div.right{float: right; height: 50px; overflow: hidden;}
header div.right div{float:left;border-left:1px solid #008fbf ;position: relative; width: 120px; text-align: center; line-height: 50px; height: 50px;}
header div.right div>a{color: #fff; display: block; height: 50px; width: 100%; text-decoration: none; line-height: 50px;}
header div.right div>a:hover{background-color: #008fbf;}
header div.right ul{position: absolute; left: 0px; width: 120px; top: 50px; background-color: #2f91d2; display: none}
header div.right ul li{border-bottom: 1px solid #008fbf; height: 50px; line-height: 50px; color: #fff; padding: 0px 10px; font-size: 12px}
header div.right ul li span{color: #fff; float: left;}
header div.right ul li em{float: right; font-style: normal;}
header div.right ul li a{color: #fff}

nav{position: fixed; left: 0px; width: 120px; background-color: #293038; bottom: 0px; top: 50px;}
nav ul li{height: 40px; line-height: 40px;  color: #fff; font-size: 12px; background-color: #293038;}
nav ul li.t{background-color: #22282e; position: relative; color:#aeb9c2;padding-left: 35px;}
nav ul li.t:after{
  content: '';
  position: absolute;
  width: 0px; height: 0px;
  left: 15px;
  top: 17px;
  border-top: 5px solid #aeb9c2;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent
}
nav ul li a{color: #fff !important; display: block; width: 100%; height: 40px;padding-left: 15px;}
nav ul li a:hover{background-color: #37424f; color: #fff; text-decoration: none;}
nav ul li a.active{background-color: #008fbf; color: #fff}

#container{margin-left: 130px; margin-top: 60px; margin-right: 10px; margin-bottom: 10px; }

.mt-20{margin-top: 20px;}
.deal-from label{width: 100px;}

.chose-item{margin-bottom: 10px;}
.chose-item>div{margin-left: 20px;}
.chose-item input[type='radio'],.chose-item input[type='checkbox']{float: left;}
.chose-item input[type='text']{height: 34px; width: 600px; outline: none }
.chose-item div a.editor-a{}
.item-editor-content{background-color: #fff; padding: 10px; border: 1px solid #dedede}

#imageChose-div{position: relative;}
.imageChose-item{position: absolute;border: 1px solid #f00;  background-color: rgba(255,255,255,.6);}
.imageChose-item-cache{position: absolute;border: 1px dotted #f00;}
.imageChose-item.active{border: 1px solid green}

.imageChose-item a{position: absolute; width: 20px; height: 20px; text-decoration: none; left: 10px; top: 10px;background-color: #f2f2f2; text-align: center; line-height: 20px;}


.completion-span{display: inline-block; height: 40px; background-color: #fff; border: 1px solid #ccc; padding: 0px 10px; overflow: hidden; float: left; margin-right: 10px;}
.completion-span input{height: 40px; border: none; outline: none; line-height: 40px; padding: 0px;}
.completion-span a{color: #666;text-decoration: none;}
.completion-add-btn{float: left; width: 40px; height: 40px; border: 1px solid #ccc; background-color: #fff; text-align: center; line-height: 40px; text-decoration: none; color: #666}

.sortOption-item{display: block;  margin-bottom:5px;}
.sortOption-item input{height: 40px; outline: none; line-height: 40px; padding: 0px 5px;}
.sortOption-item input[name=sortOption-item-text]{width: 400px}
.sortOption-item a{margin-left: 10px;}

.others-editor-content{border: 1px solid #ccc; background-color: #fff; width: 600px; margin-top: 10px;}
.others-editor-content .t{height: 40px; border-bottom: 1px solid #ccc; line-height: 40px;}
.others-editor-content .t span{width: 500px; height: 40px; overflow: hidden; margin-left: 10px;}
.others-editor-content .t a{float: right; margin-right: 10px; height: 40px; line-height: 40px; padding: 0px;}
.others-editor-content .d{padding: 10px;}

.editor-area-div{border:1px dotted #ccc; padding:10px; height: 100px;}
.editor-tip{color: #666; font-size: 12px; line-height: 18px;padding: 5px 0px}
hr.lan-hr{margin-top: 3px; margin-bottom: 3px;}
.toolbar {
  margin-bottom: 10px;
}

.cate-div{ width:100%; border: 1px solid #ccc;margin-bottom: 20px; margin-right: 20px;}
.cate-div .t{height: 40px; line-height: 40px; background-color: #f2f2f2; padding:0px 10px;}
.cate-item a{float: right; margin-left: 10px;}
.cate-div .d{padding: 10px; background-color: #fff;}
.cate-div .d:after{content: '',height:1px; width: 100%; clear: both;}
.cate-item{height: 40px; line-height: 40px;  }
.cate-div .d .cate-item{width: 200px;}

.recommends{background-color: #fff; padding: 10px; border:1px solid #dedede;}
.recommends>div{height: 30px; line-height: 30px;}
.recommends input {
  margin-left: 5px;
}


.product-recommends-slt{border-radius: 0px; padding: 0px;}
.product-recommends-slt li{height: 30px; line-height: 30px; font-size: 12px; overflow: hidden; padding: 0px 10px;  cursor: pointer;}
.product-recommends-slt li.active{background-color: green; color: #fff;}
.product-recommends-slt li:hover{background-color: #dedede;}
.product-recommends-slt li.active:hover{background-color: green;}
.product-recommends-slt li.page{height: 40px; background-color: #dedede; border-top: 1px solid #ccc}
.product-recommends-slt li.page span{width: 50%; height: 40px; line-height: 40px; text-align: center;}
.product-recommends-slt li.page span.next{float: right;}
.product-recommends-slt li.page span.prev{float: left;}

.record-products{padding: 10px;}
.record-products>a{display: block; height: 30px; height: 30px; line-height: 30px; overflow: hidden; color: #666}
.record-products>a.active{background-color: #f2f2f2;}
.record-products .page{height: 40px;}

.images-item{float: left; width: 200px; height: 100px; position: relative; margin-right: 10px; margin-top: 10px;}
.images-item img{width:100%;height: 100%;}
.images-item a{position: absolute; width: 30px; height: 30px; background-color: #666; line-height: 30px; text-align: center; color: #fff; right: 0px; top: 0px;}

span.order-detail-item {
  padding-left: 5px;
}

.tax-toggle{padding: 3px;
    background-color: #dedede;
    color: #dedede;
    border-radius: 50%;}
.tax-toggle.active{color: #fff; background-color: green;}

.region-panel{width: 30%; float: left; margin-right: 15px;}
.region-panel .panel-body div{display: block; height: 40px; line-height: 40px; padding-right: 100px; overflow: hidden;position: relative;}
.region-panel .panel-heading{position: relative;}
.region-panel .panel-heading .menu{position: absolute; right: 10px; top: 10px;}
.region-panel .panel-body div a{}
.region-panel .panel-body div a.modify-btn{right: 40px;position: absolute; top: 0px; height: 40px; width: 40px; text-align: center;}
.region-panel .panel-body div a.del-btn{right: 0px;position: absolute; top: 0px; height: 40px; width: 40px; text-align: center;}

.today-top .row>div{text-align: center;}
.today-top .row>div b{display: block; font-size: 18px; color: #f60}
.today-top .row>div span{display: block; margin-top: 10px; color: #999;}

.today-number div{float: left; width: 30%; background-color: #f2f2f2; height: 100px; padding: 20px 0px; text-align: center; margin: 5px;}
.today-number div b{display: block; font-size: 18px; color: #f60}
.today-number div span{display: block; margin-top: 10px; color: #999;}

